@import "base";
$fsz:50;
$colhmax:#333;
$colhmin:#999;
@function rem($value){
    @return $value/$fsz*1rem;
}
 #upNew{  
        width:rem(750);margin:0 auto;overflow: hidden;position:relative;

    h1{text-align:center;font-size:rem(32);margin-top: rem(40);margin-bottom: rem(65);font-weight:normal;}
    ul{ width:rem(630);margin:0 auto;}
    li{ margin-right:rem(70);width:rem(30);text-align: center;float: left;margin-bottom:rem(50);font-size:rem(30);line-height:rem(20);cursor:pointer;color:$colhmax;position:relative;z-index:1;} 

     .child,.parent{display:none;} 

      li:nth-of-type(7n+7){margin-right:0;color:$colhmin;}
      li:nth-of-type(7n+1){color:$colhmin;}

      li:nth-of-type(1),li:nth-of-type(2),li:nth-of-type(3),li:nth-of-type(4),li:nth-of-type(5),
      li:nth-of-type(6),li:nth-of-type(7){font-size:rem(20);}
// 选中的状态
      .curdemo{ 

            display:block; width:rem(50);height:rem(50);background-color: rgb(211, 201, 198);position:absolute;border-radius:50%; left:50%;top:50%;transform:translate(-50%,-50%); z-index:-1;box-shadow: 0px 0px 18px 0px rgba(198, 198, 198, 0.392); } 
// 当前状态
li:nth-of-type(26) .demo{ 

            display:block; width:rem(50);height:rem(50);position:absolute;border-radius:50%; left:50%;top:50%;transform:translate(-50%,-50%); z-index:-1;background-color: rgb(255, 255, 255);
                    box-shadow: 0px 0px 18px 0px rgba(171, 171, 171, 0.196);} 
// 待办事项
li:nth-of-type(32) .demo{ 
               width: rem(10);height: rem(10);border-radius:50%;background-color: rgb(30, 35, 45);position:absolute;left:50%;transform:translateX(-50%);bottom:rem(-18);
            } 
// 箭头
 .childI,.parentI{border-radius: 50%;background-color: rgb(255, 255, 255);cursor:pointer;
  box-shadow: 0px 0px 18px 0px rgba(171, 171, 171, 0.196);width: rem(80);
  height:rem(80);z-index: 69;position:absolute;right:rem(10);top:rem(20);img{width: rem(18);height: rem(34);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}
}
.parentI{
    left:rem(10);top:rem(20);
}


// 上新
    div.new{
        
        div.newShadow{margin:0 auto; margin-top:rem(50);background-color: rgb(255, 255, 255);box-shadow: 0px 8px 26px 0px rgba(212, 212, 212, 0.196);
            width: rem(670);height: rem(230);z-index: 21;img{width: rem(670);height: rem(230);}}
    }



  

